
body {
    position:relative;
    border:1px solid aqua;
}

#main_div {
    position:relative;
    margin:0px;
    padding:0px;
    width:700px;
    font-family:verdana,arial,sans-serif;
    font-size:18px;
    border:1px solid lime;
}

*.box  {
    display:absolute;     /* this is the default display for ALL elements */
    overflow:visible;
    visibility:visible; 

    margin-left:230px;
    margin-top:123px; 

    border-top: 30px solid gray;
    border-right: 30px solid red; 
    border-bottom:30px solid red; 
    border-left:30px solid gray;

    padding:30px; 

    width:160px;
    height:150px;

    background-color:gold;
}


/* ------------------------------------------------ 
      Code for styling labels and extra borders 
   ------------------------------------------------ */ 
*.box_label     { position:absolute; font-style:italic; font-size:16px; text-align:center; }

#outer_lbl  {left:180px; top:70px; border:1px dotted green;}
#margin_lbl {left:210px; top:100px; border:1px dotted purple;}
#border_lbl {left:240px; top:130px; color:white;}
#padding_lbl    { left:270px; top:160px; }
#inner_lbl      { left:300px; top:190px; }
#content_lbl    { left:290px; top:185px; width:160px; height:150px;
                  border:1px dotted gray; font-style:normal;  }
#outer_box {
    position:absolute;
    left:200px;
    top:93px;
    width:340px;
    height:330px;
    border:1px dotted gray;
}

#test_para {
    position:absolute;
    top:-50px;
}

*.position_test {
    position:relative;
    border:1px solid purple;
}

#test_pos_1{
    position:absolute;
    top:-50px;
}

/*
#test_pos_2{
    position:relative;
    top:-50px;
}
*/
